<template>
  <div>
    <layout-main :active="active">
      <template v-slot:left>
        <echart-main class="echartMain">
          <template v-slot:title> 各年度种植业规模变化 </template>
          <template v-slot:echart>
            <echart :options="options1" />
          </template>
        </echart-main>
        <echart-main class="echartMain">
          <template v-slot:title> 各年度养植业规模变化 </template>
          <template v-slot:echart>
            <echart :options="options2" />
          </template>
        </echart-main>
        <echart-main class="echartMain">
          <template v-slot:title> 各年度种植业养殖业收入分析 </template>
          <template v-slot:echart>
            <echart :options="options3" />
          </template>
        </echart-main>
      </template>
      <template v-slot:right>
        <echart-main class="echartMain">
          <template v-slot:title> 企业数量变化 </template>
          <template v-slot:echart>
            <echart :options="options4" />
          </template>
        </echart-main>
        <echart-main class="echartMain">
          <template v-slot:title> 种植业、养殖业从业户数 </template>
          <template v-slot:echart>
            <echart :options="options5" />
          </template>
        </echart-main>
        <echart-main class="echartMain">
          <template v-slot:title> 拥有农机数 </template>
          <template v-slot:echart>
            <echart :options="options6" />
          </template>
        </echart-main>
      </template>
    </layout-main>
  </div>
</template>

<script>
import LayoutMain from "components/content/layoutMain/LayoutMain.vue";
import EchartMain from "components/content/echartMain/EchartMain.vue";
import Echart from 'components/common/echart/Echart.vue';
import {
  echarts1,
  echarts2,
  echarts3,
  echarts4,
  echarts5,
  echarts6
} from "./echartjs/echarts-ny";
export default {
  components: { LayoutMain, EchartMain, Echart },
  data() {
    return {
      active: 2,
      options1: null,
      options2: null,
      options3: null,
      options4: null,
      options5: null,
      options6: null,
    };
  },
  created() {
    this.options1 = echarts1({x:[1],y:[1]});
    this.options2 = echarts2({x:[1],y:[1]});
    this.options3 = echarts3({x:[1],y:[1],y2:[1]});
    this.options4 = echarts4({x:[1],y:[1]});
    this.options5 = echarts5({x:[1],y:[1]});
    this.options6 = echarts6({x:[1],y:[1]});
  },
  mounted() {},

  methods: {},
};
</script>

<style lang="scss" scoped>
.echartMain {
  height: 33.3%;
}
</style>